<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>列表</title>
</head>
<body>
    <!-- 有序列表ordered list<ol></ol>,列项list iteams<li> -->
     <h1>步骤</h1>
     <ol>
        <li>先打开</li>
        <li>放进去</li>
        <li>关门</li>
        <li><a href="./我家宝贝.jpg">宝贝</a></li>
        <!-- 注意事项:
列表里一定要用<li></li>,想用其他的得用<li></li>来包裹,且<li></li>必须搭配ol或ul使用 -->

     </ol>
     <!-- 无序列表unorderde list <ul></ul> -->
      <h2>城市</h2>
      <ul>
        <li>北京</li>
        <li>
            <span>揭阳</span>
            <ul>
                <li>
                    <span>学校</span>
                    <ul>
                        <li>班级</li>
                        <li>学生</li>
                    </ul>
        
                </li>
                <li>家庭</li>
            </ul>
        </li>
        <!-- 可以相互嵌套 -->
       
        
      </ul>
      <!-- 自定义列表definition list <dl></dl> dt为标题,dd为描述-->
       <dl>
        <dt>笔记</dt>
        <dd>记东西</dd>
        <dd>方便复习</dd>
       </dl>
注意事项:
列表里一定要用<li></li>,想用其他的得用<li></li>来包裹,且<li></li>必须搭配列表使用

</body>
</html>